本書是秉持著行動優先(mobilefirst)的概念所撰寫，在設計網站的過程中優先考量網頁在行動裝置的操作性與可讀性，而不是將過去的PC網頁直接移植到行動裝置，畢竟行動裝置和PC的特點不同，比較明顯的差異如下：□行動裝置的螢幕較小□行動裝置的執行速度較慢□行動裝置的上網頻寬較小□行動裝置的操作方式不同□行動裝置不支援Flash等外掛程式為了開發適用於不同裝置的網頁，響應式網頁設計(RWD，ResponsiveWebDesign)逐漸主導了近年來的網頁設計趨勢，目的是根據使用者的瀏覽器環境自動調整網頁的版面配置，以提供最佳的顯示結果，換句話說，只要設計單一版本的網頁，就能完整顯示在PC、平板電腦、智慧型手機、遊戲機等不同裝置。本書的目標就是要讓您快速成為響應式網頁設計高手，不僅要學會靈活運用HTML、CSS、Bootsrtap、JavaScript等程式語法，還要懂得掌握網頁UI元素的設計原則與網頁設計風格，主要內容如下：□首先，第1章會介紹行動上網對網頁設計的影響、行動優先的概念、網站建置過程、響應式網頁設計的優點、缺點、主要技術與設計考量；第2章會介紹撰寫與測試網頁的工具；第3章會介紹網頁的UI組成、UI元素的設計原則、網頁設計風格、網頁設計趨勢、網站類型與風格，這是值得深入閱讀的章節，因為一般的網頁設計書籍往往著重於程式語法，而忽略了網頁的視覺設計。□接著，第4章會介紹HTML5基本語法與常用元素；第5章會介紹CSS3基本語法與常用屬性，您只要依照本書的指引做練習，無須熟背這些語法，日後有需要時再來查詢即可。□繼續，第6~10章會以比較詳盡的篇幅介紹Bootstrap，包括Bootstrap網格系統、Bootstrap內容樣式、Bootstrap公用類別與表單，以及Bootstrap元件，這是目前最受歡迎的HTML、CSS與JavaScript框架之一，用來開發響應式、行動優先的網頁，使用者無須撰寫CSS或JavaScript程式碼，就可以輕鬆設計出響應式網頁。□再來，第11~13章會以「我的旅遊日記」網站、「日光旅遊」網站、「日光美食部落」網站等實際的例子示範如何運用HTML、CSS和Bootstrap開發響應式網頁，讓您瞭解這些程式語法如何落實在網頁設計，而且這些網頁設計得相當精美，對於學生製作專題、參加競賽或設計人員開發網頁都極具參考價值。□最後，第14章會介紹JavaScript基本語法；第15章會介紹jQuery基本語法，讓想進一步學習JavaScript的人能先有初步的認識。為讓初學者快速入門，本書包含HTML5/CSS3/JavaScript/jQuery簡易教學。本書特色 最新Bootstrap5！就算是網頁設計新手,也要避開不合時宜、落伍的設計方式。●Bootstrap最新版本教學,要學就學最新版●掌握網頁UI的設計鐵則,不怕視覺風格出差錯●提供不同類型的專業網站範本,新手臨摹最速成●用網格系統快速解決不同裝置的版面規劃,怎麼切換都不跑版●新手必學的HTML5基本語法與CSS3常用屬性●JavaScript、jQuery網頁技術基礎,網頁功力再提升響應式網頁設計(RWD)主導了目前的網頁設計趨勢提供各種裝置最佳的顯示結果。
網頁設計 語法 網站 網頁 HTML5 RWD CSS CSS3 UI JAVASCRIPT FLASH 行動裝置
